草庐IT

Vue3 组件

全部标签

javascript - Vue.js 将函数传递给 Prop 不起作用

我遇到一个问题,就是将函数传递给组件并没有按照文档中指定的方式工作。这是在我的app.js中methods:{updateAnswer:function(question){console.log('question:'+question);}}这是在我的html文件中:这是在我的components.js文件中:props:['whenanswered'],ready:function(){this.whenanswered();},我已经试过了:props:[{name:'whenanswered',type:Function}];但仍然没有运气。当我加载页面时,这是在我的控制台中

javascript - 如何以编程方式将参数传递给 Blaze 组件?

meteorreacttutorial指示您通过调用Blaze.render创建您的Meteor登录按钮:this.view=Blaze.render(Template.loginButtons,React.findDOMNode(this.refs.container));account-ui包文档说如果你想在屏幕右边缘对齐登录下拉菜单,你应该使用{{>loginButtonsalign="right"}}'不幸的是,Blaze.render()函数的文档没有指出我的JavaScript可以使用任何参数来传递等效于align="right".我如何告诉Blaze使用align="ri

javascript - ReactJS 组件 PropTypes - 指定具有一组参数的函数类型

我在React(版本0.13.3)组件中指定一个必需的函数proptype...varMyComponent=React.createClass({propTypes:{onClick:React.PropTypes.func.isRequired},handleClick(event){this.props.onClick(event,clickCallback);},clickCallback(){console.log("foo");},render(){return}});exportdefaultMyComponent;如您所见,我的onClickProp不仅需要是一个函数,

javascript - 如何使用 classList 获取 React 组件引用以更改其类?

我使用以下代码创建了一个React组件。在此我创建选项卡并添加类并将其引用存储在全局命名空间接口(interface)中以供进一步处理。varTabBody=React.createClass({getInitialState:function(){return{class:'tabBodytabactiveTab'}},render:function(){Interfaces.tabBody=this;tabSelectionInfo.tabBody=this;return(React.createElement('div',{className:this.state.class,o

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - Angular2 rc5> 组件未加载

我最近从RC4迁移到Angular2RC5。从那以后我遇到了几个问题。我不确定这些问题是我的错误还是过渡性的。我的应用程序组件如下所示:import{Component,OnInit}from"@angular/core";import{SetLocationService}from"./auth/set-location.service";@Component({selector:"my-app",template:``})exportclassAppComponentimplementsOnInit{constructor(private_setLocationService:Se

javascript - D3.js 4 与 AngularJS 1.5(组件或指令?)

我想在AngularJS1.5x中使用D3.jsv4过去我使用.directives作为图表,但现在我想知道是否可以使用.components代替指令,这是否是一个好的做法。CheckthesamplecaseonPlunkr问题出现在组件中的d3.select(element[0]).append('svg')中。控制台抛出错误:元素未定义。所以我尝试了类似d3.select('chart-container').append('svg')但随后d3在拥有该类的第一个元素中注入(inject)所有图表(在所有文档中查找该类,而不仅仅是组件)。那么...有人可以帮我为可重用组件做一个正

javascript - 如何使用 Vue.js 访问 API?

我是JavaScript和Vue.js的新手,我在使用Vue.js访问api时遇到问题。我尝试访问的API具有如下所示的JSON:{"coord":{"lon":-88.99,"lat":40.51},"weather":[{"id":800,"main":"Clear","description":"clearsky","icon":"01n"}],"base":"stations","main":{"temp":2.09,"pressure":1022.3,"humidity":69,"temp_min":2.09,"temp_max":2.09,"sea_level":1052.

javascript - 在 Vue JS 中处理登录 API token

我正在使用以下登录组件:varLogin=Vue.extend({template:'#auth',data:function(){return{username:'',password:'',errorMessage:''};},methods:{login:function(e){var_this=this;$.ajax({url:"/vue/api/login",type:"POST",async:false,data:{username:_this.username,password:_this.password},success:function(data){//storet

javascript - 输入 @keyup 事件在 Vue 中不起作用

我正在尝试调用按回车键的方法,但它不起作用。代码如下。Clickexportdefault{methods:{callEvent(){console.log("Eventcalled");}}} 最佳答案 click事件已经通过ENTER键触发(它在某些浏览器中也通过Space触发,例如桌面版Chrome)。因此,您的代码只需要一个@click="callEvent"并且一切正常,因为焦点已经在按钮上:varapp=newVue({el:"#app",methods:{callEvent(){console.log("Eventca